<template>
	<view v-if="show" class="no-more">
		<image mode="aspectFill" src="../../static/none_data.png"></image>
		<text>{{text}}</text>
	</view>
</template>

<script>
	export default {
		name: 'no-more',
		data() {
			return {

			};
		},
		props: {
			text: {
				type: String,
				default: '没有数据'
			},
			show: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style>
	.no-more {
		z-index: -1;
		padding: 30upx;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin-bottom: 120upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.no-more image {
		width: 300upx;
		height: 300upx;
	}

	.no-more text {
		text-align: center;
		margin-top: 25upx;
		color: #AAAAAA;
		font-size: 28upx;
	}
</style>
